import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'index',
    component: () => import('../views/index.vue')
  },
  // 虚拟滚动-定高
  {
    path: '/vsFixedHeight',
    name: 'vsFixedHeight',
    component: () => import('../views/virtualScroll/fixedHeight.vue')
  },
  // 虚拟滚动-不定高
  {
    path: '/vsNotFixedHeight',
    name: 'vsNotFixedHeight',
    component: () => import('../views/virtualScroll/notFixedHeight.vue')
  },
  // 虚拟滚动-插件版
  {
    path: '/vueVirtualScroll',
    name: 'vueVirtualScroll',
    component: () => import('../views/virtualScroll/vueVirtualScroll.vue')
  },
  // 无缝滚动
  {
    path: '/wfgd',
    name: 'wfgd',
    component: () => import('../views/wfgd.vue')
  },
  // vuex
  {
    path: '/vuex',
    name: 'vuex',
    component: () => import('../views/vuex/index.vue')
  },
  // 组件传值attrs
  {
    path: '/attrs',
    name: 'attrs',
    component: () => import('../views/attrs/index.vue')
  },
  // 组件传值provide
  {
    path: '/provide',
    name: 'provide',
    component: () => import('../views/provide/index.vue')
  },
  // canvas基础
  {
    path: '/canvas',
    name: 'canvas',
    component: () => import('../views/canvas/index.vue')
  },
  // canvasSign-PC
  {
    path: '/canvasSignPC',
    name: 'canvasSignPC',
    component: () => import('../views/canvasSign/canvasSignPC.vue')
  },
  // canvasSign-mobile
  {
    path: '/canvasSignMobile',
    name: 'canvasSignMobile',
    component: () => import('../views/canvasSign/canvasSignMobile.vue')
  },
  // slot
  {
    path: '/slot',
    name: 'slot',
    component: () => import('../views/slot/index.vue')
  },
  // 幸运转盘
  {
    path: '/turntable',
    name: 'turntable',
    component: () => import('../views/turntable/index.vue')
  },
  // 图片懒加载
  {
    path: '/lazyload',
    name: 'lazyload',
    component: () => import('../views/lazyLoad/index.vue')
  }
]

const router = new VueRouter({
  routes
})

export default router
